@import "media-queries";

.memberCenter {
  header {
    width: 100%;
    border: 0;
    height: auto !important;
    background: url("../wimg/icon/header-bg-810.png") no-repeat;
    background-size: cover;
    color: #fff !important;
    h1 {
      color: #fff !important;
      font-weight: normal;
      color: #fff !important;
    }
    i{
      color: #fff !important;
    }
    .mpy-header-bd {
      text-align: center;
      padding-bottom: 1rem;
      margin: 0 auto;
      img {
        width: 6.4rem;
        height: 6.4rem;
        display: inline-table;
        vertical-align: middle;
      }
      .mpy-header-bd-content {
        display: inline-table;
        vertical-align: middle;
        padding-left: 3rem;
        .title {
          width: 7.6rem;
          margin-top: 0.5rem;
          line-height: 1.7rem;
          background: url("../wimg/icon/icon-member-bg.svg") no-repeat;
          background-size: cover;
          font-size: 0.9rem;
          text-align: center;
          color: $AuxiliaryFontBlackColor !important;
        }
        .number {
          line-height: 1.7rem;
          font-size: 0.9rem;
          margin: 1rem 0 0 0 !important;
        }
      }
    }
  }
  .mpy-avg-sm-3 {
    text-align: center;
    margin: 1rem auto;

    border-bottom: 0.5rem solid #f1f1f1;
    li {
      margin-bottom: 1rem!important;
      img {
        width: 2rem;
        height: 2rem;
      }
      h4 {
        color: $mainFontColor;
        margin: 0;
        line-height: 2rem;
        font-size: 1rem;
      }
    }
    .mpy-border{
      border-left: 0.1rem solid #cccccc;
      border-right: 0.1rem solid #cccccc;
    }
  }
}